CC2222 MOTION GRAPHIC DESIGN: Slick Object Transitions
Task Introduction
The task requires to create a slick object transitions animation by using Adobe Illustrator & After Effects with following the instruction video https://www.youtube.com/watch?v=vtHJXO2WFLU. Then, amend then elements according to our preferences either by changing the objects or colours.
Design Concept
The design concept for the slick object transition animation revolves around seamlessly transforming simple shapes, creating a visually engaging process from one object to another. Beginning with a picture frame, the animation smoothly evolves into a mobile phone, then transitions into a coffee cup, followed by a camera, and finally culminating in the transformation into a piano. This design approach emphasizes a dynamic yet cohesive experience, where each object's distinct shape gradually morphs into the next, maintaining a sleek and aesthetically pleasing visual continuity. The animation aims to evoke a sense of creativity and innovation, showcasing the versatility of form and the seamless changes of diverse objects in a captivating and smooth manner.
Design Process
Before starting the animation, Adobe Illustrator was used to design the objects. A square shape was used as a guide template in order for all the objects are within the same size and placement.
The assets were then imported into Adobe After Effects to start the animation process. Transition animation of each of the elements of the objects are animated. These transition includes adjusting the 'Scale' and 'Position'. Track Matte was also used for some of the elements to further enhance the transition effect from one object to another.
All of the keyframes created was converted into easy ease and graph editor was used to adjust the speed of the animation between keyframes. Several adjustments were added to create different animation speed effects. Similar effects were used repetitively throughout the entire animation process with various adjustments accordingly.
A piano object was a new addition to the animation video as part of the amendment requirement. The effects learned from the video was used to create a similar animation style to the final object.
By:
Muhammad Hasbol Wadi Bin Sertini
B20220106
BSc in Creative Multimedia
